<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>下线列表</title>
	<meta name="format-detection" content="telephone=no,email=no"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
	<!-- <link href="__PUBLIC__/Admin/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet"> -->
	<link href="__PUBLIC__/Admin/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
	<link href="__PUBLIC__/Admin/css/animate.min.css" rel="stylesheet">
	<link href="__PUBLIC__/Admin/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="__PUBLIC__/Home/css/page.css" rel="stylesheet">
    <script src="__PUBLIC__/Home/js/flexible.js"></script>
</head>
<style type="text/css">
	html,body{
		margin: 0 ;
		padding: 0;
		border: none;
		overflow-y: scroll;
	}
	body{
		overflow-y: scroll;
	}
	body::-webkit-scrollbar {
		width: 0;
		height: 0;
		display: none;
	}

	/* body {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow-y: scroll;
    }
    .facesj{
        display: inline-block;
        background-color: #1fa1dc;
        width: 60px;
        height: 32px;
        line-height: 32px;
        border-radius: 3px;
        text-align: center;
        font-size: 14px;
        margin-top:6px;
        border: 1px solid #1fa1dc;
        color: #FFF;
        margin-left:10px;
    }
    .alipay_choose,.bank_choose{display: none}
    .header .ptitle{height:45px;line-height: 45px}
    .pages a,.pages span {
        display:inline-block;
        padding:4px 7px;
        margin:0 2px;
        border:1px solid #D5D4D4;
        -webkit-border-radius:1px;
        -moz-border-radius:1px;
        border-radius:1px;
    }
    .pages a,.pages li {
        display:inline-block;
        list-style: none;
        text-decoration:none; color:#3399ff;
    }

    .pages a:hover{
        border-color:#3399ff;
    }
    .pages span.current{
        background:#3399ff;
        color:#FFF;
        font-weight:700;
        border-color:#3399ff;
    }
    .pages{
        text-align: center;
    }
    .layui-layer{
        top:48px !important;
    } */

	.pages a,.pages span {
		display:inline-block;
		padding:4px 7px;
		margin:0 2px;
		border:1px solid #D5D4D4;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
	}
	.pages a,.pages li {
		display:inline-block;
		list-style: none;
		text-decoration:none; color:#3399ff;
	}

	.pages a:hover{
		border-color:#3399ff;
	}
	.pages span.current{
		background:#3399ff;
		color:#FFF;
		font-weight:700;
		border-color:#3399ff;
	}
	.pages{
		text-align: center;
		height: 3rem;
	}
	.day{
		flex: 1;
		height: 100%;
		background-color: #e6e6dc;
		border: none;
		color: #fff;
		font-size: 0.346rem;
	}
	.dayTime{
		width: 9rem;
		height: auto;
		margin: 0.3rem auto;
		padding: 0.2rem;
		box-sizing: border-box;
		border-radius: 8px;
	}
	.ipt{
		width: 8.1rem;
		height: 1.06rem;
		margin:  0.2rem auto;
		display: block;
        color: #323332;
		border: none;
        font-size: 0.39rem;
        border-bottom: 1px solid #e7e7e7;
	}
    .ipt:focus{
        outline: none;
    }
	.button{
		width: 9rem;
		margin: 0 auto;
		display: flex;
		align-items: center;
		background-color: #c5c5c5;
		border-radius: 6px;
	}
	.active{
		background-color:#08c261;
	}
	.button button{
		background-color:#c5c5c5;
	}
	.button button:first-child{
		border-radius: 6px 0 0 6px;
	}
	.button button:last-child{
		border-radius: 0 6px 6px 0;
	}
	.person-detail{
		/* padding: 0.5rem; */
		width: 8.2rem;
		margin: 0 auto;
		background-color: #08c261;
		margin-bottom: 0.2rem;
		padding:0.4rem 0.4rem;
		border-radius: 8px;
		/* border-bottom: 1px solid #cacaca; */
	}
	.person-top div{
		display: inline-block;
	}
	.person-top img{
		width: 1.333rem;
		height: 1.333rem;
		border-radius: 50%;
		border: 1px solid #fff98d;
		float: left;
		margin: 0 0.5rem 0 0;
	}
	p{
		margin: 0.13rem 0 ;
		font-size: 0.32rem;
		color: #ffffff;
	}
	.person-left{
		float: left;
		color: #fff98d;
	}
	.person-right{
		float: right;
		text-align: right;
		color: #fff98d;
	}
	.name{
		font-size: 0.4rem;
		margin: 0;
	}
	.person-bottom{
		text-align: right;
		margin-top: 0.2rem;
	}
	.person-bottom a{
		color: #fff98d;
		border: 1px solid #fff98d;
		text-decoration: none;
		padding: 0.1rem 0.2rem;
		border-radius: 30px;
		margin: 0 0 0 0.4rem;
	}
	.line{
		width: 100%;
		height:1px;
		background-color: #efefef;
	}
	.detail{
		color: #fff98d;
		font-size: 0.373rem;
		padding: 0.2rem;
		margin-bottom: 1.4rem;
	}
	table{
		width: 100%;
		margin:0.3rem auto 1.4rem auto;
		padding: 0 0.5rem;
		/* border: 1px solid #fff98d; */
	}
	td{
		border: 1px solid #fff98d;
		width: 2rem;
		/* display: inline-block; */
		font-size: 0.373rem;
		color: #fff98d;
	}
	/* footer {
    width: 10rem;
    height: 1.33rem;
    left: 50%;
    transform: translate(-50%);
    background-color: #131314;
    position: fixed;
    bottom: 0;
    z-index: 1111;
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    padding: 5px 0;
}

footer a {
    color: #fff98d;
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    font-size: 0.246rem;
}
footer a p{
    color: #fff98d;
}
footer a img{
    width:0.72rem;
    height: 0.653rem;
} */
	.button button{
		width: 1.23rem;
		height: 28px;
		text-align: center;
	}
	/* .black_overlay4{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:100111;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=88);
          } */
	.white_content4 {
		display: none;
		position: absolute;
		top: 35%;
		/* left: 25%; */
		bottom: 0;
		width: 10rem;
		height: 14.33rem;
		/* padding: 20px; */
		/* border: 10px solid orange; */
		background-color: #262626;
		z-index:100211;
		/* overflow: auto; */
		border-top: 2px solid #ffe668;
	}
	/* .close4{
        display: none;
        width: 0.88rem;
        height: 2.09rem;
        position: absolute;
        top:24%;
        left:50%;
        bottom: 13.24rem;
        z-index: 111111;
        transform: translate(-0.44rem);
    }
   #light4>p{
        width: 10rem;
        margin: 0;
        height: 1.06rem;
        border-bottom: 1px solid #67603a;
        text-align: center;
        line-height: 1.06rem;
        font-size: 0.546rem;
        color: #ffe668;
    } */
	header{
		width: 100%;
		height: 2.4rem;
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 0.8rem 48px;
		box-sizing: border-box;
	}
	nav,#submitSach{
		width: 128px;
		height: 32px;
		line-height: 32px;
		font-weight: 480;
		font-size: 14px;
		border-radius: 4px;
		color: #fff;
		border: none;
		outline: none;
	}
	nav{
		background-color: #b7b7b7;
		height: 100%;
	}
	header nav a{
		width: 100%;
		height: 100%;
		display: block;
		text-align: center;
		color: #d6d178;
		font-size: 0.4rem;
		text-decoration: none;
		line-height: 32px;
		font-weight: 480;
		font-size: 14px;
		border-radius: 4px;
		color: #fff;
		border: none;
		outline: none;
		/* position: absolute; */
		/* left: 0.3rem; */
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-user-select: none;
		-moz-user-focus: none;
		-moz-user-select: none;
	}
	.flex-con{
		display: flex;
		align-items: center;
		width: 9rem;
	}
	.flex-con span{
		color: #686464;
		font-size: 0.36rem;
	}
	.flex-con input{
		flex: 1;
		padding-left: 12px;
		box-sizing: border-box;
	}
</style>
<body>
<!-- <div class="header">
  <div class="all_w ">
    <div class="gofh"> <a href="javascript:history.back()"><img src="/Public/Home/img/jt_03.jpg"></a> </div>
    <div class="ptitle">
      下线列表
        <a href="/" class="backgame">返回游戏</a>
    </div>
  </div>
</div> -->
<form method="get" action="{:U('Home/User/offline')}">
	<div class="dayTime">
		<div class="button">
			<button class="btn btn-sm btn-primary timesearch day" time="today">  Nowadays</button>
			<button  class="btn btn-sm btn-primary timesearch day" time="yestoday">  yesterday</button>
			<button class="btn btn-sm btn-primary timesearch day" time="week"> This week</button>
			<button class="btn btn-sm btn-primary timesearch day" time="month"> This Month</button>
		</div>
		<div class="col-sm-2 flex-con" style="margin-top: 32px;">
			<span>Starting time</span>
			<input type="text" id="starttime" name="starttime" value='{$start|default=""}' class="form-control ipt">
			<input type="hidden" name="id" value="{$id}">
		</div>
		<div class="col-sm-2 flex-con">
			<span>End time</span>
			<input type="text" id="endtime" name="endtime" value="{$end|default=''}" class="input-sm form-control ipt">
		</div>	
	</div>

	<div class=" text-center loginscreen  animated fadeInDown">
		<!-- <table class="table table-striped table-hover table-bordered" style="width:auto;overflow:auto;display:inline-block;"> -->
		<!-- <thead> -->
		<!-- <tr>
			<th>头像</th>
			<th>用户名</th>
			<th>注册时间</th>
			<th>所得佣金</th>
			<th>进项流水</th>
			<th>出项流水</th>
			<th>客户输赢</th>
			<th>操作</th>
		</tr> -->
		<!-- </thead> -->
		<!-- <tbody> -->
		<volist name="list" id="vo">
			<div class="person-detail">
				<div class="person-top">
					<img src="{$vo.headimgurl}" alt="headerimg" >
					<div class="person-left">
						<p class="name">{$vo.username}</p>
						<p>Running water:{$vo.bet|default="0"}</p>
						<p>Item flow :{$vo.del_points|default="0"}</p>
					</div>
					<div class="person-right">
						<p>{$vo.reg_time|date="Y-m-d",###}</p>
						<p>Input flow:{$vo.add_points|default="0"}</p>
						<p>Customers win/ose:{$vo.compare_points}</p>
					</div>
				</div>
				<div style="height:0;clear:both"></div>

			</div>

		</volist>
		<!-- </tbody> -->
		<!-- </table> -->
	</div>
<!-- <div class="line"></div> -->
	<div class="pages" style="height: 100px; font-size: 15px">
		{$show}
	</div>
<!-- <div class="detail">
    <span>所得总佣金:{$yong['sum_yong']|default='0'}</span>&nbsp;<br>
    <span>总上分:{$integral['add_fen']|default='0'}</span>&nbsp;<br>
    <span>总下分:{$integral['xia_fen']|default='0'}</span><br><br>
    <span>总进项流水:{$order['sum_add']|default='0'}</span>&nbsp;<br>
    <span>总出项流水:{$order['sum_del']|default='0'}</span>&nbsp;<br>
    <span>总客户输赢:{$order['ying']|default='0'}</span>&nbsp;
</div> -->
<!--<table cellspacing="0" cellpadding="0">-->
<!--<tr>-->
<!--<td style="border-right:none;border-bottom:none;">总佣金:</td>-->
<!--<td style="border-right:none;border-bottom:none;">{$yong['sum_yong']|default='0'}</td>-->
<!--<td style="border-right:none;border-bottom:none;">总输赢:</td>-->
<!--<td style="border-bottom:none;">{$order['ying']|default='0'}</td>-->
<!--</tr>-->
<!--<tr>-->
<!--<td style="border-right:none;border-bottom:none;">总上分:</td>-->
<!--<td style="border-right:none;border-bottom:none;">{$integral['add_fen']|default='0'}</td>-->
<!--<td style="border-right:none;border-bottom:none;">总下分:</td>-->
<!--<td style="border-bottom:none;">{$integral['xia_fen']|default='0'}</td>-->
<!--</tr>-->
<!--<tr>-->
<!--<td style="border-right:none;">总进项:</td>-->
<!--<td style="border-right:none;">{$order['sum_add']|default='0'}</td>-->
<!--<td style="border-right:none;">总出项:</td>-->
<!--<td>{$order['sum_del']|default='0'}</td>-->
<!--</tr>-->
<!--</table>-->
<!-- <hr> -->
<!-- <div>
    <span>三级下级所得总佣金<font color="red">{$yong_all['sum_yong']|default='0'}</font></span>&nbsp;
    <span>三级下级总上分<font color="red">{$integral_all['add_fen']|default='0'}</font></span>&nbsp;
    <span>三级下级总下分<font color="red">{$integral_all['xia_fen']|default='0'}</font></span><br>
    <span>三级下级总进项流水<font color="red">{$order_all['sum_add']|default='0'}</font></span>&nbsp;
    <span>三级下级总出项流水<font color="red">{$order_all['sum_del']|default='0'}</font></span>&nbsp;
    <span>三级下级总客户输赢<font color="red">{$order_all['ying']|default='0'}</font></span>&nbsp;
</div> -->
<!-- <footer>
        <a href=" /Home/Run/index"><img src="__PUBLIC__/Home/img/11.png" alt="">
            <p>主页</p>
        </a>
        <a href="{:U('Home/Run/active')}"><img src="__PUBLIC__/Home/img/12.png" alt="">
            <p>优惠活动</p>
        </a>
        <a href="{:U('Home/User/index')}"><img src="__PUBLIC__/Home/img/13.png" alt="" >
            <p>个人中心</p>
        </a>
        <a href="#"  onclick ="openKefu()"><img src="__PUBLIC__/Home/img/14.png" alt="" >
            <p>在线客服</p>
        </a>
    </footer>
    <a href = "javascript:void(0)" onclick = "closeKefu()"><img src="__PUBLIC__/Home/img/close.png" alt=""  id="close4" class="close4">
    </a>
            <div id="light4" class="white_content4">
                <p>在线客服</p>
       <img src="__PUBLIC__/Home/img/kefu1.jpg" alt="" style="display:block;width:6.33rem;height:8.26rem;margin:0.3rem auto;">
               </div>
            <div id="fade4" class="black_overlay4"></div> -->
	<header>
		<nav>
			<a href="/Home/User/index">return</a>
			<!-- <span>优惠活动</span> -->
		</nav>
		<button type="submit" id="submitSach" class="active btn btn-sm"> search for</button>
	</header>
</form>
</body>
<script src="__PUBLIC__/Admin/js/jquery.min.js?v=2.1.4"></script>
<!-- <script src="__PUBLIC__/Admin/js/bootstrap.min.js?v=3.3.6"></script> -->
<script src="__PUBLIC__/Admin/js/plugins/iCheck/icheck.min.js"></script>
<script src="__PUBLIC__/Admin/js/plugins/layer/laydate/laydate.js"></script>
<script src="__PUBLIC__/Common/layer/layer.js"></script>
<script>

    function openKefu(){
        document.getElementById('light4').style.display='block';
        document.getElementById('fade4').style.display='block';
        document.getElementById('close4').style.display='block';
    }
    function closeKefu(){
        document.getElementById('light4').style.display='none';
        document.getElementById('fade4').style.display='none';
        document.getElementById('close4').style.display='none';
    }
</script>
<script type="text/javascript">
    laydate({
        elem: '#starttime',
        max: laydate.now(), //+1代表明天，+2代表后天，以此类推
        istime: true,
        format: 'YYYY-MM-DD hh:mm:ss', //日期格式
    });
    laydate({
        elem: '#endtime',
        max: laydate.now(), //+1代表明天，+2代表后天，以此类推
        istime: true,
        format: 'YYYY-MM-DD hh:mm:ss', //日期格式
    });
    $('.timesearch').click(function(e){
        e.stopPropagation();
        var time_value = $(this).attr('time');
        location.href = "{:U('Home/User/offline')}?id={$id}&time="+time_value;
		// $('.timesearch').removeClass('active').eq($(this).index()).addClass('active')
        return false;
    })
</script>
</html>